<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/comnon.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/contactUs.css">
    <script src="../js/jquery.js"></script>

</head>
<body>
<div class="top">
    <div class="container clearfix">
        <div class="left">
            <a href="">One Request,Multiple Quotes</a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <p><a href="">Subsidiary Company </a> </p>
                </li>
                <li>
                    <p><a href="">ABOUT</a></p>
                </li>
                <li>
                    <p><a href="">NEWS</a></p>
                </li>
                <li>
                    <p><a href="">EXHIBITION</a></p>

                </li>
                <li>
                    <p><a href="">CONTACT</a></p>

                </li>
                <li>
                    <a href=""><img src="../images/icon3.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon2.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon1.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <div class="navTop clearfix">
            <div class="left leftLogo">
                <a href="">
                    <img src="../images/logo.png" alt="">
                </a>
            </div>
            <div class="left leftSearch">
                <form action="">
                    <div class="formContent">
                        <span>products</span>
                        <input type="text" class="products">
                    </div>
                    <div class="formSearch">
                        <input type="submit" value="search" class="search">
                    </div>

                </form>
            </div>
            <div class="right">
                <div class="signIn">
                    <img src="../images/icon_person.jpg" alt="">
                    <a href="">Sign In |</a>
                </div>
                <div class="joinUs">
                    <a href="">Join Free My</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner" id="banner">
    <div class="slider">
        <a href="">
            <img src="../images/newsBanner.jpg" alt="">
        </a>
    </div>
</div>
<div class="ContactUs">
    <div class="container">
        <div class="left">
            <div class="addressInfo">
                 <h3>BEIJING    <span>HEAD OFFICE</span></h3>
                <p class="contactAddress">No.99 Zhongfu Mansion,Jianguo
                    Road,Chaoyang District</p>
                <div class="AddressItem">
                    <p class="p1" >
                        100020</p>
                    <p class="p2">010-65838033</p>
                    <p class="p3">hengtian@chtgc.com</p>
                    <p class="p4">010-65813211</p>
                </div>
            </div>
        </div>
        <div class="right">
            <h3>Send Us A Note</h3>
            <p class="contactUsquote">
                Hello, thank you for your concern and support for China Textile Machinery (Group) Co.,Ltd We uphold the principle of respecting customers and understanding customers, providing customers with surpassing products and services, establishing long-term emotional links with customers, and devote to help customers achieve better product experience and greater comprehensive value. If you have any comments on our products and services, you can fill in the following blanks and send your feedback. In order to get back and handle your feedback in time, please fill in the following information. Thank you!
            </p>
            <form action="" class="contactUsForm" onsubmit="return check()">
                <input type="text"  name="Fulname" value="full name" id="Fulname" onfocus="if(this.value=='full name') this.value =''" onblur="if(this.value=='') this.value='full name'">
                <input type="text" name="Email" value="Email"  id="Email" onfocus="if(this.value=='Email') this.value =''" onblur="if(this.value=='') this.value='Email'">
                <input type="text" name="Phone" value="Phone" id="Phone" onfocus="if(this.value=='Phone') this.value =''" onblur="if(this.value=='') this.value='Phone'">
                <!--<input type="text" name="Message" id="Message" value="Message" onfocus="if(this.value=='Message') this.value =''" onblur="if(this.value=='') this.value='Message'">-->
                <textarea name="Message" id="Message"  placeholder="Message"></textarea>
                <input type="submit" class="submit" value="Submit">
            </form>
        </div>

    </div>
</div>
    <div class="showTips">
      Enter product details such as color, size, materials etc. and other specific requirements to receive an accurate quote.
    </div>
<script>
    function  check() {
        var Fulname =$('#Fulname').val() =='full name' ? '' :$('#Fulname').val()
        var Email =$('#Email').val() =='Email' ? '':$('#Email').val()
        var Phone =$('#Phone').val() =='Phone' ? '':$('#Phone').val()
        var Message =$('#Message').val()
        if(Fulname&&Email&&Phone&&Message){
            if((/^[a-zA-Z\/ ]{2,20}$/).test(Fulname)){

            }else{
                $('.showTips').html('your name please').fadeIn(1000).fadeOut(3000)
                return false
            }
            if((/^0\d{2,3}-?\d{7,8}$/).test(Phone)){

            }else{
                $('.showTips').html('your phone please').fadeIn(1000).fadeOut(3000)
                return false
            }
            if((/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/).test(Email)){

            }else{
                $('.showTips').html('your email please').fadeIn(1000).fadeOut(3000)
                return false
            }
            $('.showTips').html('Your inquiry information has been sent').fadeIn(1000).fadeOut(3000)
           return true
        }else{
            $('.showTips').html('please complete your Infomation').fadeIn(1000).fadeOut(3000)
            return false
        }

    }
</script>
</body>
</html>